import { useEffect } from 'react';
import { Hero } from './HomePage/Hero';
import { ValueProposition } from './HomePage/ValueProposition';
import { CategoryNavigation } from './HomePage/CategoryNavigation';
import { EditorsPicks } from './HomePage/EditorsPicks';
import { ContentStream } from './HomePage/ContentStream';
import { setDefaultPageTitle } from '../lib/utils';

export function HomePage() {
  useEffect(() => {
    setDefaultPageTitle();
  }, []);
  return <div className="w-full">
      <Hero />
      <ValueProposition />
      <CategoryNavigation />
      <EditorsPicks />
      <ContentStream />
    </div>;
}